<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 同步 => 按顺序,按步骤执行 => 只有前面的代码执行完毕,后面的代码才可以执行
    // 异步 => 同时执行,也叫并发 (事件 计时器/延时器 ajax Promise)

    // 但是 JS执行线程(执行JS代码的线程) 是单线程 (主线程)=> JS如何解决的异步

    // JS异步执行流程
    // 1. 先执行主线程上所有的同步任务, 
    //    异步任务统一放到webAPI处理

    // 2. 等主线程所有同步任务执行完毕,  任务队列会通知主线程
    // 某个异步任务可以执行了, 该任务才会结束等待状态 => 进入
    // 主线程执行 

    // 异步
    // console.log(1111);

    // // 启动延时器 -> 等待1s后执行  
    // setTimeout(()=>{
    //     console.log(2222);
    // },5000);

    // console.log(3333);

    // console.log("代码开始执行");
    // for (var i = 0; i < 4; i++) {
    //     setTimeout(()=>{
    //         console.log(i);
    //     },1000);
    // }
    // console.log("同步代码执行完毕");



    // 异步
    // console.log(1111);

    // // 启动延时器 -> 等待1s后执行  
    // setTimeout(()=>{
    //     console.log(2222);
    // },0);

    // console.log(3333);


   




    

</script>

</html>